{include mobadmin.inc.header}
<!--tmpl-resource-->
<link href="/res/offer/mobadmin/css/common.css" rel="stylesheet" type="text/css" />
<link href="/res/offer/mobadmin/css/animate.css" rel="stylesheet" type="text/css" />
    <style>

        .phAddTJBtn{ font-size:0.782rem;background:#2f8aff;color:#fff;display: block;height:2.173rem;line-height: 2.173rem;text-align: center;border-radius: 0.2rem;    margin: 0rem 0.625rem;}
        .phAddRow{ height: 50px;line-height: 50px;background: #fff;border-bottom: 1px solid #f2f2f2;padding: 0 15px;}
        .phAddLabel{ width: 15%;float: left;font-size:0.7rem;white-space: nowrap;}
        .phAddInpCol{width: 85%;float: left; vertical-align: middle;position: relative; }
        .phAddInp{width:100%;border:none;padding-left:20px;vertical-align: middle;margin-bottom: 5px;
            border-radius: 0.3rem;outline: none;font-size: 0.7rem;color: #999;
            -webkit-appearance: none; /*去除系统默认的样式*/
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 点击高亮的颜色*/
        }
		.phAddInpCol:before{content: '';width: 8px;height: 13px;display: inline-block;background: url("/res/offer/mobadmin/images/i_arrow.png") no-repeat;background-size: 100%;vertical-align: middle;position: absolute;right: 0;top: 18px;}
		.brand_num:before{background: none;}

    </style>
	<style>
		.typPanel,.proPanel,.facPanel,.braPanel{ position: fixed;top:2.5rem;left:50%;width:13rem;background: #fff;border-radius: 0.4rem;z-index:100; }
		.typPanel .typContent{ margin:0rem 0.8rem; }

		/*.panelClose{ position: absolute;top:1rem;right: 1rem;background: url( /res/offer/mobadmin/images/close.gif ) no-repeat;width:0.7rem;height: 0.75rem;
			background-size:100%;
		}*/

		.typContent,.proContent,.facContent,.braContent{ margin:0rem 0.8rem;height: 70%;overflow: scroll;}
        .grayBtn{     background: #bbb; }
        .typPanel,.proPanel,.facPanel,.braPanel{ position: fixed;top:0rem;left:0rem;width:100%;background: #fff; z-index:100;bottom:0rem;    -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}
        .braPanelBounceIn{     -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
        .radioBtn{ display: none !important; }

	</style>

	    <form method="post" action="do_add" id="addBrandFrom">

	    <div class="masker" style="display: none"></div>

        <div class="fourLinkage">
            <div class="phAddRow">
                <div class="phAddLabel">品类：</div>
                <div class="phAddInpCol">

					<input type="text" readonly="true" class="phAddInp tpfb_input typInput" name="data[type_name]" placeholder="选择品类"/>

					<div class="typPanel tpfb_panel animated" >
						<a href="#" class="panelClose"></a>
						<div class="blank30"></div><div class="blank30"></div>
						<div class="blank30"></div>
						<div class="typContent" name="typ">

						</div>
						<div class="blank30"></div><div class="blank30"></div>
						<div class="blank30"></div>
						<!--<div class="confirmBtn">
							<a href="#" class="cd_cancel">取消</a>
							<a href="#" class="cf_yes">确定</a>
						</div>-->
						<div class="blank30"></div><div class="blank30"></div>
					</div>
				</div>
            </div>
            <div class="phAddRow">
                <div class="phAddLabel">品名：</div>
                <div class="phAddInpCol">

					<input type="text" readonly="true" class="phAddInp tpfb_input proInput" name="data[product_name]" placeholder="选择品名"/>

					<div class="proPanel tpfb_panel animated" >
						<a href="#" class="panelClose"></a>
						<div class="blank30"></div><div class="blank30"></div>
						<div class="blank30"></div>
						<div class="proContent" name="pro">

						</div>
						<div class="blank30"></div><div class="blank30"></div>
						<div class="blank30"></div>
						<!--<div class="confirmBtn">
							<a href="#" class="cd_cancel">取消</a>
							<a href="#" class="cf_yes">确定</a>
						</div>-->
						<div class="blank30"></div><div class="blank30"></div>
					</div>

				</div>
            </div>
            <div class="phAddRow">
                <div class="phAddLabel">厂家：</div>
                <div class="phAddInpCol">

					<input type="text" readonly="true" class="phAddInp tpfb_input facInput" name="data[factory_name]" placeholder="选择厂家"/>


					<div class="facPanel tpfb_panel animated">
						<a href="#" class="panelClose"></a>
						<div class="blank30"></div><div class="blank30"></div>
						<div class="blank30"></div>
						<div class="facContent" name="fac">

						</div>
						<div class="blank30"></div><div class="blank30"></div>
						<div class="blank30"></div>
						<!--<div class="confirmBtn">
							<a href="#" class="cd_cancel">取消</a>
							<a href="#" class="cf_yes">确定</a>
						</div>-->
						<div class="blank30"></div><div class="blank30"></div>
					</div>
				</div>
            </div>
            <div class="phAddRow">
                <div class="phAddLabel">牌号：</div>
                <div class="phAddInpCol brand_num">

					<input type="text" class="phAddInp tpfb_input braInput" name="data[brand_name]" placeholder="输入牌号"/>

					<div class="braPanel tpfb_panel" style="display: none">
						<a href="#" class="panelClose"></a>
						<div class="blank30"></div><div class="blank30"></div>
						<div class="blank30"></div>
						<div class="braContent" name="bra">

						</div>
						<div class="blank30"></div><div class="blank30"></div>
						<div class="blank30"></div>
						<!--<div class="confirmBtn">
							<a href="#" class="cd_cancel">取消</a>
							<a href="#" class="cf_yes">确定</a>
						</div>-->
						<div class="blank30"></div><div class="blank30"></div>
					</div>

				</div>
            </div>

            <input type="hidden" name="data[typeid]" value="">
            <input type="hidden" name="data[brandid]" value="">
            <input type="hidden" name="data[facid]" value="">
            <input type="hidden" name="data[name]" value="">
			<input type="hidden" name="dataId" value="{$dataId}">
			<input type="hidden" name="offerFrom" value="{$offerFrom}">
			<input type="hidden" name="offerFromId" value="{$offerFromId}">



            <div class="blank30"></div><div class="blank30"></div><div class="blank10"></div>
            <div class="" style="text-align:center;">
                <a href="javascript:void(0)" class="phAddTJBtn grayBtn" data-act="do_add" id="do_add">提 交</a>
            </div>
        </div>
		</form>

<!--footer section start-->
{include mobadmin.inc.footer}
<!--footer section end-->
<script type="text/javascript">
	seajs.use("brand_add",function (exports){
		exports.init();
	});
    
    
    
    
    window.setInterval(function(){
        if($("[name='data[type_name]']").val() == "" | $("[name='data[product_name]']").val() == ""|
            $("[name='data[factory_name]']").val() == "" | $("[name='data[brand_name]']").val() == ""
          ){
            $("#do_add").addClass("grayBtn");
        }else{
            $("#do_add").removeClass("grayBtn");
        }
    },500);
</script>
